<template>
	<view class="background">
		<view class="fixed-box">
			<view class="background-image">
				<image class="bg" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.MbnTEnikWqPN47b36d29885799816e6230755e5a108f.png"
				 mode=""></image>
				<view class="head">
					<view class="head_left1" @tap="back()">
						<image src="../../../static/wode/return1.png" mode=""></image>
						<text>返回</text>
					</view>
					<image class="more" src="../../../static/wode/more.png" mode="" @tap="more"></image>
				</view>
				<view class="card">
					<view class="card_img">
						<image class="headImg" @tap="previewImg(myInfo.avatar)" :src="myInfo.avatar" mode=""></image>
						<image class="country" v-show="myInfo.national_flag" :src="myInfo.national_flag" mode=""></image>
						<image class="huiyuan" v-if="myInfo.member_level==1" src="../../../static/wode/huiyuan.png" mode=""></image>
						<image class="huiyuan" v-else-if="myInfo.member_level==2" src="../../../static/wode/baijinhuiyuan.png" mode=""></image>
						<image class="huiyuan" v-else-if="myInfo.member_level==3" src="../../../static/wode/zuanshihuiyuan.png" mode=""></image>
						<image class="huiyuan" v-else src="../../../static/wode/huiyuan2.png" mode=""></image>
						<view class="like">
							<image v-if="isLike==false" src="../../../static/wode/nolike.png" mode="" @tap="toLike"></image>
							<image v-else src="../../../static/wode/like.png" mode="" @tap="toLike"></image>
							<text>{{like_num}}</text>
							<image src="../../../static/wode/setGift.png" mode="" @tap="tosetGift"></image>
							<text>{{gift_num}}</text>
						</view>
					</view>
					<view class="nickname">
						{{myInfo.nick_name}}
					</view>
					<view class="information">
						<text v-if="myInfo.birth!=null">{{myInfo.birth}}岁</text>
						<text v-else>未知</text>
						<!-- <text class="shenfen" v-if="myInfo.overseas_auth" v-text="myInfo.overseas_identity_name"></text>
						<text v-else>未认证</text> -->
						<view class="local">
							<image src="../../../static/wode/local.png" mode=""></image>
							<text v-if="myInfo.country" v-text="myInfo.country"></text>
							<text v-else>未知</text>
						</view>
						<view class="">
							<text v-if="myInfo.distance!=''&&myInfo.distance!=null">{{myInfo.distance}}</text>
							<text v-else>未知</text>
						</view>
					</view>
					<view class="" v-if="myInfo.signature" v-text="myInfo.signature"></view>
					<view v-else="">这家伙很懒，没有签名。</view>
				</view>
			</view>

			<view class="body_head" v-if="isMe">
				<view @tap="selectMenu(index)" :class="{fontActive:index===menuIndex}" :key='index' v-for="(item,index) in data1">{{item}}
					<view v-show="menuIndex===index" class="data-active"></view>
				</view>
			</view>
			<view class="body_head" v-else>
				<view @tap="selectMenu(index)" :class="{fontActive:index===menuIndex}" :key='index' v-for="(item,index) in data2">{{item}}
					<view v-show="menuIndex===index" class="data-active"></view>
				</view>
			</view>


		</view>
		<view class="marginTop">
			<view class="xiangce" v-if="menuIndex==0">
				<scroll-view class="scroll-box match-view" scroll-x v-if="havePhoto==true">
					<view class="padding-scroll-box">
						<image :src="item" v-for="(item,index) in photoList" :key="index" @tap="previewImg(index)"></image>
					</view>
				</scroll-view>
				<view class="border-box2" v-else></view>
				<view class="ziliao-box">
					<view class="ziliao-box1">
						<view class="ziliao-item">
							<text>国籍</text>
							<text class="text3" v-if="myInfo.hometown!=''">{{myInfo.hometown}}</text>
							<text class="text3" v-else></text>
						</view>
						<view class="ziliao-item">
							<text>掌握语言</text>
							<text class="text3" v-if="myInfo.languages!=''">{{myInfo.languages}}</text>
							<text class="text3" v-else></text>
						</view>
					</view>
					<view class="ziliao-item border-box">
						<text>偏好</text>
						<text class="text3" v-if="myInfo.preference!=''">{{myInfo.preference}}</text>
						<text class="text3" v-else></text>
					</view>
					<view class="ziliao-item border-box">
						<text>关系</text>
						<text class="text3" v-if="myInfo.relationship!=null">{{myInfo.relationship}}</text>
						<text class="text3" v-else></text>
					</view>
					<view class="ziliao-box1">
						<view class="ziliao-item">
							<text>实名认证</text>
							<text class="text3" v-if="myInfo.identity_auth==true">已认证</text>
							<text class="text3" v-else>未认证</text>
						</view>
						<view class="ziliao-item">
							<text>身份认证</text>
							<view class="">
								<text class="text3" v-if="myInfo.overseas_identity_name!=null">{{myInfo.overseas_identity_text}}</text>
								<text class="text3" v-if="myInfo.overseas_auth==true">已认证</text>
								<text class="text3" v-else>未认证</text>
							</view>

						</view>
					</view>
				</view>
			</view>
			<view class="dongtai" v-else-if="menuIndex==1">
				<!-- <view v-for="(item,index) in dongtaiList" :key="index">
					<moreCurious :isdongtai="isdongtai" :item="item" :isdel="isdel"></moreCurious>
				</view> -->
				<earth @showComment="showComment" @huifuComment="huifuComment" v-for="(item,index) in dongtaiList" :key="index"
				 :index="index" :item="item"></earth>
			</view>
			<view class="haoqi" v-else-if="menuIndex==2">
				<view v-for="(item,index) in haoqiLists" :key="index">
					<myCuriosity :item='item' @moreCurious='moreCurious(item.id)'></myCuriosity>
				</view>
				<movable-area class="movableRange">
					<movable-view class="editBox" :x="x" :y="y" direction="all" @tap="publishCurious">
						<image src="../../../static/jingjie/bianji.png"></image>
					</movable-view>
				</movable-area>
			</view>

			<view v-else-if="menuIndex==3">
				<view v-for="(item,index) in huiyingLists" :key="index">
					<moreCurious :item="item" :isdongtai="false" :isdel='false' :isImage="isImage" :isVideo="isVideo" @toImgDetaile="toImgDetaile(id) "
					 @toVideoDetaile="toVideoDetail"></moreCurious>
				</view>
			</view>
		</view>

		<view class="btn_bg btn_bg2" v-if="!isMe">
			<view class="btn2" @tap="applyAddFriend">
				加好友
			</view>
			<view class="btn2" @tap="talkTo">
				发消息
			</view>
		</view>
		<gift :isshowGift='isshowGift' :cat_coin='my_coin' :pay_id='id' :payment_id='user_id' type='user' @getuserdata='getuserdata'
		 @hideAll='hideAll'></gift>
		<!-- <share :isshowShare='isshowShare' @closeShare='closeShare':itemData='myInfo' :shareType='"people"'></share> -->
		<mask :isShowMask='isShowMask' @closeMask='closeMask'></mask>

	</view>
</template>

<script>
	import myCuriosity from '../../../components/myCuriosity.vue'
	import moreCurious from '../../../components/moreCurious.vue'
	// import share from '../../../components/share.vue'
	import mask from '../../../components/mask.vue'
	import earth from '../../../components/earth.vue'
	import gift from '../../../components/gift.vue'
	// import webim from '../../../common/webim_wx.min.js'
	export default {
		components: {
			moreCurious,
			myCuriosity,
			// share,
			mask,
			earth,
			gift
		},
		data() {
			return {
				nick_name: '',
				data1: ['资料', '动态', '好奇', '回应'],
				data2: ['资料', '动态', '好奇'],
				fenxiang: [],
				haoqiLists: [],
				menuIndex: 0,
				x: 450,
				y: 600,
				isImage: true,
				isVideo: true,
				huiyingLists: [],
				user_id: '', //从头像点进去的用户id
				isLike: '', //是否喜欢该用户
				userDetails: [],
				birth: null,
				avatar: '',
				countryImg: '',
				like_num: '',
				gift_num: '', //礼物数
				isMe: null,
				myInfo: {},
				photoList: [],
				dongtaiList: [], //动态数据
				isdongtai: true,
				isdel: true,
				havePhoto: false, //是否有相册
				isshowShare: false, //显示分享
				isShowMask: false,
				isshowGift: false, //显示送礼物
				my_coin: '', //我的猫币
			};
		},
		onLoad(option) {
			if (option.user_id != undefined) {
				this.user_id = option.user_id
				if (this.user_id == uni.getStorageSync('user_id')) {
					this.isMe = true
				} else {
					this.isMe = false
				}

			}
			// console.log(option.user_id,'点入的id')
		},
		onShow() {
			// this.getMyDetails();
			if (uni.getStorageSync('user_info') != '') {
				this.getuserData()
				this.getPicList()
			} else {
				uni.showModal({
					title: '提示',
					content: '此功能需要登录才能使用，要前往登陆吗',
					success: function(res) {
						if (res.confirm) {
							console.log('用户点击确定');
							uni.navigateTo({
								url: "/pages/Other/login/login"
							})
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			}
			this.my_coin = uni.getStorageSync('user_info').cat_coin
		},
		onShareAppMessage(res) {
			console.log(res)
			if (res.from === 'button') { // 来自页面内分享按钮
				console.log(res.target)
			}
			return {
				title: '分享',
				path: '/pages/test/test?id=123'
			}
		},
		methods: {
			previewImg(url) { // 预览图片
				var arr = [];
				arr.push(url)
				uni.previewImage({
					urls: arr,
				})
			},
			getuserData() {
				var me = this;
				var data = {
					user_id: this.user_id,
					oper_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'userInfo',
					actionName: 'queryUserInfoById',
					data: data,
					successBack: function(res) {
						console.log(res, '用户详情')
						me.isLike = res.data.data.is_like
						me.like_num = res.data.data.userInfoEntity.like_num
						me.gift_num = res.data.data.gift_count
						me.myInfo = res.data.data.userInfoEntity
						me.myInfo.birth = me.GetAge(res.data.data.userInfoEntity.birth)
						switch (me.myInfo.overseas_identity_name) {
							case 'overseas_student':
								me.myInfo.overseas_identity_text = '留学生';
								break;
							case 'overseas_chinese':
								me.myInfo.overseas_identity_text = '华侨';
								break;
							case 'ethnic_chinese':
								me.myInfo.overseas_identity_text = '华裔';
								break;
							case 'overseas_staff':
								me.myInfo.overseas_identity_text = '境外工作者';
								break;
							case 'overseas_government_personnel':
								me.myInfo.overseas_identity_text = '境外政府人员';
								break;
							case 'overseas_chinese_learners':
								me.myInfo.overseas_identity_text = '中文爱好者';
								break;
							case 'overseas_nationality':
								me.myInfo.overseas_identity_text = '国籍';
								break;
							case 'overseas_merchant':
								me.myInfo.overseas_identity_text = '境外商人';
								break;
							case 'student':
								me.myInfo.overseas_identity_text = '学生';
								break;
							default:me.myInfo.overseas_identity_text = '';
								break;
						}
					},
				})
			},
			toLike() {
				var me = this;
				var data = {
					other_user_id: this.user_id,
					user_id: uni.getStorageSync('user_id')
				}
				this.myAjaxNewPost({
					model: 'user',
					controllerName: 'userLike',
					actionName: 'insert',
					data: data,
					successBack: function(res) {
						console.log(res, '喜欢')
						if (res.data.code == 0) {
							if (me.isLike == false) {
								me.isLike = true
								me.like_num++
							} else if (me.isLike == true) {
								me.isLike = false
								me.like_num--
							}
						} else {
							uni.showToast({
								title: res.data.message,
								icon: 'none'
							})
						}
					},
				})
			},
			selectMenu(index) {
				this.menuIndex = index;
				this.$emit('switchTab', index)
				if (index == 0) {
					this.getPicList()
				} else if (index == 1) {
					this.getDongtaiList()
				} else if (index == 2) {
					this.selectCuriosity()
				} else if (index == 3) {
					this.getMyResponse()
				}
			},
			getPicList() {
				var me = this;
				var data = {
					user_id: this.user_id
				}
				this.myAjaxNew({
					model: 'user',
					controllerName: 'userAlbum',
					actionName: 'query',
					data: data,
					successBack: function(res) {
						console.log(res, '相册')
						for (var i = 0; i < res.data.data.length; i++) {
							res.data.data[i]['isDisplay'] = null
						}
						if (res.data.data.length != 0) {
							me.photoList = res.data.data[0].photo.split(',')
							me.havePhoto = true
							console.log(me.photoList, '相册')
						}
					}
				})
			},
			previewImg(index) { // 预览图片
				var me = this;
				uni.previewImage({
					current: me.photoList[index], //显示当前点击图册
					urls: me.photoList,
				})
			},
			back() { //返回
				uni.navigateBack({
					delta: 1
				})
			},
			publishCurious() { //发布好奇
				uni.navigateTo({
					url: '../../World/publishCurious/publishCurious'
				})
			},
			more() {
				var me = this;
				uni.showActionSheet({
					itemList: ['分享到', '设置备注', '举报', '加入黑名单'],
					itemColor: '#333333',
					success: function(res) {
						var index = res.tapIndex;
						if (index == 0) {
							me.isshowShare = true;
							me.isShowMask = true;
						}
					}
				})
			},
			closeShare() {
				this.isshowShare = false
				this.isShowMask = false
			},
			closeMask() {
				this.isshowShare = false
				this.isShowMask = false
				this.isshowGift = false
			},
			toImgDetaile(id) {
				uni.navigateTo({
					url: '../ImgDetaile/ImgDetaile?id=' + id,
				})
			},
			toVideoDetail(type, id) {
				uni.navigateTo({
					url: 'videoXiangQing/videoXiangQing?id=' + id,
				})
			},
			GetAge(strBirthday) {
				var me = this;
				var returnAge;
				var strBirthdayArr = strBirthday.split("-");
				var birthYear = strBirthdayArr[0];
				var birthMonth = strBirthdayArr[1];
				var birthDay = strBirthdayArr[2];

				var d = new Date();
				var nowYear = d.getFullYear();
				var nowMonth = d.getMonth() + 1;
				var nowDay = d.getDate();

				if (nowYear == birthYear) {
					returnAge = 0; //同年 则为0岁
				} else {
					var ageDiff = nowYear - birthYear; //年之差
					if (ageDiff > 0) {
						if (nowMonth == birthMonth) {
							var dayDiff = nowDay - birthDay; //日之差
							if (dayDiff < 0) {
								returnAge = ageDiff - 1;
							} else {
								returnAge = ageDiff;
							}
						} else {
							var monthDiff = nowMonth - birthMonth; //月之差
							if (monthDiff < 0) {
								returnAge = ageDiff - 1;
							} else {
								returnAge = ageDiff;
							}
						}
					} else {
						returnAge = -1; //返回-1 表示出生日期输入错误 晚于今天
					}
				}
				me.birth = returnAge;
				return returnAge; //返回周岁年龄



			},
			getDongtaiList() { //动态详情
				var me = this
				var data = {
					user_id: this.user_id,
					status: 1,
				}
				this.myAjaxNew({
					model: 'message',
					controllerName: "noteUser",
					actionName: 'queryListPage',
					data: data,
					successBack: function(res) {
						console.log(res)
						if (res.data.data.length != 0) {
							me.dongtaiList = res.data.data
							for (var i = 0; i < me.dongtaiList.length; i++) {
								me.dongtaiList[i].picts = me.dongtaiList[i].picts.split(',')
								me.dongtaiList[i].cover = me.dongtaiList[i].cover.split(',')
							}
						} else {
							uni.showToast({
								title: '暂无动态',
								icon: 'none'
							})
						}

					},
				})

			},

			selectCuriosity() { //好奇
				var data = {
					user_id: this.user_id,
					oper_id: uni.getStorageSync('user_id'),
					currentPage: 1
				}
				var me = this
				this.myAjaxNew({
					model: 'news',
					controllerName: 'curiosity',
					actionName: 'queryListPage',
					data: data,
					successBack: function(res) {
						console.log(res);
						if (res.data.data != '') {
							me.haoqiLists = res.data.data;
							console.log(me.haoqiLists)
						} else {
							uni.showToast({
								title: '暂无好奇',
								icon: 'none'
							})
						}


						//console.log(me.haoqiLists[0].map.classfiyEntities[0].type)
					}
				})
			},
			getMyResponse() {
				var data = {
					user_id: this.user_id,
					oper_id: uni.getStorageSync('user_id'),
					currentPage: 1
				}
				var me = this;
				this.myAjaxNew({
					model: 'news',
					controllerName: 'curiosityViewpoint',
					actionName: 'queryListPage',
					data: data,
					successBack: function(res) {
						console.log(res);
						if (res.data.data != '') {
							me.huiyingLists = res.data.data;
							console.log(me.huiyingLists)
						} else {
							uni.showToast({
								title: '暂无回应',
								icon: 'none'
							})
						}
					}
				})
			},
			moreCurious(id) { //更多好奇
				uni.navigateTo({
					url: '/pages/World/moreCurious/moreCurious?id=' + id
				})
			},
			//申请加好友
			applyAddFriend() {
				var loginInfo = uni.getStorageSync('loginInfo')
				var a = this.user_id + ''
				var b = loginInfo.identifier + ""
				uni.navigateTo({
					url: `/pages/Friend/applyFor/applyFor?item=${a}&&identifier=${b}&&type=friend`
				})
			},
			talkTo(){//跳转聊天页
				var selToID=this.myInfo.user_id
				var chatType='C2C'
				uni.navigateTo({
					url: "/pages/Friend/chat/chat?item=" + selToID + "&chatType=" + chatType
				})
			},
			// toChat(item, chatType, MsgSeq) { //聊天
			// 	this.selToID = item
			// 	console.log(item, chatType, MsgSeq)
			// 	uni.navigateTo({
			// 		url: "/pages/Friend/chat/chat?item=" + item + "&chatType=" + chatType + "&MsgSeq=" + MsgSeq
			// 	})
			// },
			tosetGift() { //送礼物
				this.isshowGift = true
				this.isShowMask = true
			},
			hideAll() {
				this.isshowGift = false
				this.isShowMask = false
			},
		},
	}
</script>

<style scoped>
	.background {
		height: 100%;
	}

	.fixed-box {
		width: 100%;
		position: fixed;
		z-index: 11;
	}

	.background-image {
		width: 100%;
		height: 410upx;
		background-color: white;
	}

	.bg {
		height: 410upx;
		width: 100%;
	}

	.head_left1 {
		display: flex;
		align-items: center;
		color: #FFFFFF;
		font-size: 32upx;
		position: absolute;
		left: 24upx;
		top: 72upx;
	}

	.head_left1 image {
		width: 20upx;
		height: 36upx;
		margin-right: 10upx;
	}

	.more {
		width: 50upx;
		height: 10upx;
		position: absolute;
		top: 84upx;
		right: 24upx;
	}

	.card {
		height: 356upx;
		width: 602upx;
		border-radius: 20upx;
		background: #FFFFFF;
		box-shadow: #46CECF 0upx 5upx 29upx 3upx;
		position: absolute;
		text-align: center;
		left: 74upx;
		top: 155upx;
		color: #999999;
		font-size: 24upx;
	}

	.card_img {
		position: relative;
	}

	.headImg {
		width: 128upx;
		height: 128upx;
		border-radius: 50%;
		overflow: hidden;
		margin-top: 20upx;
	}

	.country {
		width: 36upx;
		height: 36upx;
		position: absolute;
		left: 238upx;
		bottom: 6upx;
	}

	.huiyuan {
		width: 30upx;
		height: 30upx;
		position: absolute;
		left: 365upx;
		bottom: 10upx;
	}

	.like {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #999999;
		font-size: 20upx;
		position: absolute;
		right: 24upx;
		top: 24upx;
	}

	.like image {
		width: 45upx;
		height: 38upx;
	}

	.local image {
		width: 23upx;
		height: 26upx;
	}

	.local text {
		margin-left: 10upx;
	}

	.nickname {
		color: #333333;
		font-size: 32upx;
		margin-bottom: 25upx;
		margin-top: 20upx;
	}

	.information {
		margin-bottom: 16upx;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.body_head {
		width: 100%;
		background-color: white;
		height: 100upx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		color: #999999;
		font-size: 30upx;
		padding-top: 90upx;
		/* padding-bottom: 26upx; */
	}

	.fontActive {
		color: #46CECF;
	}

	.data-active {
		height: 6upx;
		background-color: #46CECF;
		border-radius: 8upx;
		position: relative;
		top: 25upx;
	}

	.marginTop {
		position: relative;
		top: 590upx;
		padding-bottom: 130upx;
		z-index: 10;
	}


	.xiangce {
		display: flex;
		flex-wrap: wrap;
	}

	.zhaopian image {
		width: 200upx;
		height: 200upx;
		border-radius: 80upx;
		overflow: hidden;
		padding: 18upx 18upx;
	}

	.btn {
		z-index: 20;
	}

	.btn_bg {
		width: 100%;
		height: 110upx;
		background: #FFFFFF;
		z-index: 10;
		position: fixed;
		z-index: 33;
		bottom: 0;
		padding-top: 21upx;
		border-top: 1upx solid #E6E6E6;
	}

	.btn_bg2 {
		display: flex;
		justify-content: space-around;
	}

	.btn2 {
		width: 260upx;
		height: 78upx;
		background: #33CBCC;
		color: #FFFFFF;
		font-size: 32upx;
		border-radius: 10upx;
		text-align: center;
		line-height: 78upx;
		margin-top: 7upx;
	}

	.movableRange {
		width: 100%;
		/* height: 90%; */
		position: absolute;
		z-index: 700;
	}

	.editBox {
		width: 118upx;
		height: 118upx;
		position: fixed;
		bottom: 95upx;
		right: 0;
	}

	.editBox image {
		width: 100%;
		height: 100%;
	}

	.fabu {
		width: 200upx;
		height: 200upx;
		padding: 30upx 74upx;
	}

	.dongtai {
		background: #F5F5F5;
	}

	.dongtai_item {
		margin-bottom: 130upx;
	}

	.dongtai_top {
		display: flex;
		align-items: center;
	}

	.dongtai_top image {
		width: 68upx;
		height: 68upx;
		border-radius: 50%;
		overflow: hidden;
		margin: 0 16upx 0 24upx;
	}

	.text_box {
		display: flex;
		flex-direction: column;
	}

	.text1 {
		font-size: 24upx;
		color: #333333;
	}

	.text2 {
		font-size: 20upx;
		color: #666666;
	}

	.dongtai_mid {
		color: #33333;
		font-size: 32upx;
		font-weight: 600;
		padding: 0 24upx 0 75upx;
	}

	.dongtai_mid text {
		padding: 20upx 0;
		width: 618upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dongtai_bottom {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding: 17upx 30upx 20upx 98upx;
		border-bottom: 1upx solid #E6E6E6;
		color: #666666;
		font-size: 28upx;
	}

	.dongtai_bottom image {
		width: 48upx;
		height: 48upx;
	}

	/* 相册 */
	.scroll-box {
		background: #FFFFFF;
		margin-top: 20upx;
		margin-bottom: 10upx;
		border-top: 20upx solid rgba(245, 245, 245, 1);
		border-bottom: 10upx solid rgba(245, 245, 245, 1);
		padding: 20upx 0;
	}

	.padding-scroll-box {
		display: inline-flex;
		overflow-x: scroll;
		white-space: nowrap;
		box-sizing: border-box;
		padding: 0 10upx;
	}

	.padding-scroll-box image {
		width: 200upx;
		height: 200upx;
		padding: 0 10upx;
		border-radius: 10upx;
		overflow: hidden;
	}

	.ziliao-box {
		width: 100%;
	}

	.ziliao-box1 {
		width: 100%;
		border-bottom: 9upx solid rgba(245, 245, 245, 1);
	}

	.ziliao-item {
		height: 88upx;
		width: 100%;
		padding: 0 24upx;
		display: flex;
		justify-content: space-between;
		line-height: 88upx;
		border-bottom: 1upx solid #E6E6E6;
		box-sizing: border-box;
		font-size: 32upx;
		color: #333333;
		background: #FFFFFF;
	}

	.ziliao-item .text3 {
		color: #999999;
	}

	.border-box {
		border-bottom: 9upx solid rgba(245, 245, 245, 1);
	}

	.border-box2 {
		border-bottom: 9upx solid rgba(245, 245, 245, 1);
		width: 100%;
	}

	.haoqi {
		background: #F5F5F5;
	}
</style>
